function body2Move(){
    var body2 = document.getElementById("body2"),
    banxin = body2.getElementsByClassName("banxin")[0],
    a = banxin.children[1].children;
for (i = 0; i < a.length; i++) {
    if (i % 2 == 1) {
        a[i].onmouseover = function () {
            var img = this.firstElementChild,
                p = this.lastElementChild,
                span = p.lastElementChild;
                mask = this.getElementsByClassName("mask")[0]
            img.style.transform = "translateY(50px) scaleY(1.24) scaleX(1.1)"
            p.style.color = "#850913"
            span.style.color = "#ffffff"
            p.style.transform = "translateY(-200px)"
            mask.style.background = "rgba(0, 0, 0, 0.3)";
            mask.style.transform = "translateY(50px) scaleY(1.24) scaleX(1.1)"
        }
    } else {
        a[i].onmouseover = function () {
            var img = this.lastElementChild,
                p = this.firstElementChild,
                span = p.lastElementChild;
                mask = this.getElementsByClassName("mask")[0]
            img.style.transform = "translateY(-50px) scaleY(1.24) scaleX(1.1)"
            p.style.color = "#850913"
            span.style.color = "#ffffff"
            p.style.transform = "translateY(200px)"
            mask.style.background = "rgba(0, 0, 0, 0.3)";
            mask.style.transform = "translateY(50px) scaleY(1.24) scaleX(1.1)"
        }
    }
    if (i % 2 == 1) {
        a[i].onmouseout = function () {
            var img = this.firstElementChild,
                p = this.lastElementChild,
                span = p.lastElementChild;
                mask = this.getElementsByClassName("mask")[0]
            img.style.transform = "scale(1)"
            p.style.transform = "translateY(0px)"
            p.style.color = "#333"
            span.style.color = "#333"
            mask.style.background = "rgba(0, 0, 0, 0)";
            mask.style.transform = "translateY(50px) scaleY(1.24) scaleX(1.1)"
        }
    } else {
        a[i].onmouseout = function () {
            var img = this.lastElementChild,
                p = this.firstElementChild,
                span = p.lastElementChild;
                mask = this.getElementsByClassName("mask")[0]
            img.style.transform = "scale(1)"
            p.style.transform = "translateY(0px)"
            p.style.color = "#333"
            span.style.color = "#333"
            mask.style.background = "rgba(0, 0, 0, 0)";
        }
    }
}
}
body2Move()
var imgs = banner.getElementsByTagName("img"),
    lis = banner.getElementsByTagName("li"),
j = 0;
for (i = 0; i < imgs.length; i++) {
    lis[i].setAttribute("sl", i)
    lis[i].onclick = function () {
        j = this.getAttribute("sl");
        for (i = 0; i < lis.length; i++) {
            lis[i].className = "";
            imgs[i].className = "";
        }
        this.className = "active";
        imgs[j].className = "active";
    }
}
function zidongsshijian(){
    timer=setInterval(function(){
        j++
        j==lis.length&&(j=0);
        for (i = 0; i < lis.length; i++) {
            lis[i].className = "";
            imgs[i].className = "";
        }
        lis[j].className = "active";
        imgs[j].className = "active";
    },1500)
}
zidongsshijian()
banner.onmouseover=function(){
    clearInterval(timer)
}
banner.onmouseout=function(){
    zidongsshijian()
}